import React from 'react';
import { List, Skeleton } from 'antd';

const Index = ({ headerValue, ListDelete, add }) => {
    return (
        <>
            正在进行中
            <List
                className="demo-loadmore-list"
                style={{ width: '300px' }}
                itemLayout="horizontal"
                dataSource={headerValue}
                renderItem={(item, index) =>
                (
                    <List.Item
                        actions={[<a key="list-loadmore-edit" onClick={() => {
                            ListDelete(item, index)
                        }}>删除</a>, <a key="list-loadmore-more" onClick={() => {
                            add(item, index)
                        }}>提交</a>]}
                    >
                        <Skeleton avatar title={false} loading={false} active>
                            <List.Item.Meta
                                title={<a href="https://ant.design">{item.value}</a>}

                            />
                        </Skeleton>
                    </List.Item>
                )
                }
            />
        </>
    );
}

export default Index;
